<template>
	<view>
		<!-- 导航 -->
		<view class="nav">
			<view class="nav-left">
				<text class="iconfont icon-zuo"></text>
			</view>
			<view class="nav-center">
				新增子类管理
			</view>
		</view>
		<!-- 主题 -->
		<view class="dig">
			<view class="top">
				<view class="shopp">
					一级分类<text>购物</text>
				</view>
				<view class="top-t">
					<text>*</text>子分类名称
				</view>
				<view class="inp">
					<view class="inp-left">
						<input type="text" placeholder="请输入子分类名称"/>
					</view>
					<view class="inp-rig">
						0/6
					</view>
				</view>
				<view class="check">
					<view class="left">
						<view class="l-t">
							是否启用
						</view>
						<view class="l-b">
							禁用后一级分类下面的子类都不展示
						</view>
					</view>
					<view class="rig">
						启用
						<switch checked color="#6ab302" style="transform:scale(0.7)"/>
					</view>
				</view>
			</view>
			
			
			<view class="btm">
				<view class="btm-t">
					<view class="left">
						<text>*</text>分类图标
					</view>
					<view class="rig">
						<view class="img">
							<image src="../../static/images/1.png" mode=""></image>
						</view>
					</view>
				</view>
			
				<view class="btm-icon">
					
					
					<view class="icon-box">
						<view class="icon">
							<image src="../../static/images/12.png" mode=""></image>
						</view>
					</view>
					
					<view class="icon-box">
						<view class="icon">
							<image src="../../static/images/8.png" mode=""></image>
						</view>
					</view>
					
					<view class="icon-box">
						<view class="icon">
							<image src="../../static/images/6.png" mode=""></image>
						</view>
					</view>
					
					<view class="icon-box">
						<view class="icon">
							<image src="../../static/images/5.png" mode=""></image>
						</view>
					</view>
					
					<view class="icon-box">
						<view class="icon">
							<image src="../../static/images/10.png" mode=""></image>
						</view>
					</view>
					
					<view class="icon-box">
						<view class="icon">
							<image src="../../static/images/13.png" mode=""></image>
						</view>
					</view>
					
					<view class="icon-box">
						<view class="icon">
							<image src="../../static/images/1.png" mode=""></image>
						</view>
					</view>
					
					
					<view class="icon-box">
						<view class="icon">
							<image src="../../static/images/4.png" mode=""></image>
						</view>
					</view>
					
					<view class="icon-box">
						<view class="icon">
							<image src="../../static/images/18.png" mode=""></image>
						</view>
					</view>
					
					<view class="icon-box">
						<view class="icon">
							<image src="../../static/images/19.png" mode=""></image>
						</view>
					</view>
					
					<view class="icon-box">
						<view class="icon">
							<image src="../../static/images/7.png" mode=""></image>
						</view>
					</view>
					<view class="icon-box">
						<view class="icon">
							<image src="../../static/images/16.png" mode=""></image>
						</view>
					</view>
					
					<view class="icon-box">
						<view class="icon">
							<image src="../../static/images/17.png" mode=""></image>
						</view>
					</view>
					
					<view class="icon-box">
						<view class="icon">
							<image src="../../static/images/14.png" mode=""></image>
						</view>
					</view>
					
					
				</view>
			
			
				<view class="b-b">
					<text class="bbb">自定义图标</text>
				</view>
			</view>
		</view>
	
		<view class="btn">
			<view class="btn-box">
				保存
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
@import url(./class.less);
</style>
